var act1 = document.getElementById('active1');
var act2 = document.getElementById('active2');
var act3 = document.getElementById('active3');
var act4 = document.getElementById('active4');

act2.style.display='none';
act3.style.display='none';
act4.style.display='none';
var elements = document.getElementsByClassName('tab-tit')
// console.log(elements.length)
for(var i=0;i<elements.length;i++){
    elements[i].addEventListener('click',function(){
    // console.log(this.dataset.id)
    var num = this.dataset.id
    // console.log(event)
    if(num==0){
        act1.style.display='block'
        act2.style.display='none'
        act3.style.display='none'
        act4.style.display='none'
    }else if(num==1){
        act1.style.display='none'
        act2.style.display='block'
        act3.style.display='none'
        act4.style.display='none'
    }else if(num==2){
        act1.style.display='none'
        act2.style.display='none'
        act3.style.display='block'
        act4.style.display='none'
    }else if(num==3){
        act1.style.display='none'
        act2.style.display='none'
        act3.style.display='none'
        act4.style.display='block'
    }else{
        act1.style.display='block'
        act2.style.display='none'
        act3.style.display='none'
        act4.style.display='none'
    }

    })
}


